<template>
  <div class="system">
    <van-nav-bar title="系统消息" safe-area-inset-top left-arrow @click-left="onClickLeft" />
    <!-- <div class="style"></div> -->
    <!-- 消息具体内容 -->
    <!-- <div class="content">
      <span>01月07日</span>
      <span>系统通知</span>
      <hr />
      <div class="contentdetail">
        <div>用户调研(仅3题)</div>
        <div class="mesdesc">
          <img :src="imgs" alt="" />
          <div>详情请加官方客服qq</div>
        </div>
      </div>
    </div> -->
    <van-empty description="暂无消息" />
  </div>
</template>
<script>
// @ is an alias to /src
// import { ref } from "vue";
export default {
  name: "NewsDetail",
  components: {
    // [Button.name]: Button
  },
  setup() {
    const imgs = require("../assets/news/key.png");
    return { imgs };
  },
  methods: {
    onClickLeft() {
      this.$router.go(-1);
    },
  },
};
</script>
<style lang="scss" scoped>
.system {
  .style {
    width: 100%;
    height: 5px;
    background-color: #ccc;
  }
  .content {
    font-size: 15px;
    text-align: left;
    padding: 15px 2.5% 15px 2.5%;
    background-color: #eee;
    span {
      color: #aaa;
    }
    span + span {
      margin-left: 15px;
    }
    .contentdetail {
      margin-top: 10px;
      .mesdesc {
        display: flex;
        margin-top: 15px;
        color: #aaa;
        font-size: 13px;
        line-height: 40px;
        img {
          width: 40px;
          height: 40px;
          margin-right: 20px;
        }
      }
    }
  }
}
</style>